<template>
  <div id="app">
    <!-- 声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载 
    主要是用来解决我删除记录，不刷新页面的问题-->
    <router-view v-if="isRouterAlive"/>
    
  </div>
</template>

<style>
*{
  margin: 0;
}
</style>
<script>
export default {
  name:'app',
  provide(){
    return{
      reload:this.reload
    }
  },
  data(){
    return{
      isRouterAlive:true
    }

  },
  methods:{
    reload(){
      this.isRouterAlive=false
      this.$nextTick(function () { 
        this.isRouterAlive=true
       })
    }
  }
}
</script>
